<template>
	<view>
		我是子组件,{{text}}
		<button type="primary" v-on:click="click">子向父传值</button>
	</view>
</template>

<script>
	export default {
		name:"child",
		// 通过props接收父组件传过来的值,变量名要一致
		props:['text'],
		data() {
			return {
				title:"我是子组件"
			};
		},
		methods:{
			click(){
				console.log("子向父传值");
				// 通过$emit触发change事件向父组件传值
				this.$emit('change',this.title);
			}
		}
	}
</script>

<style>

</style>
